<template>
	<div>
        <mj-title type="h2" title="Exception 异常"></mj-title>
        <div class="page-desc">异常页用于对页面特定的异常状态进行反馈。通常，它包含对错误状态的阐述，并向用户提供建议或操作，避免用户感到迷失和困惑。</div>

        <mj-tabs class="mb50">
            <mj-tab-pane label="HTML" name="html">
				<mj-exception type="403"></mj-exception>
            </mj-tab-pane>
            <mj-tab-pane label="CODE" name="code">
                <pre>
                    <code class="language-html line-numbers">
                        &lt;template>
                            &lt;mj-exception type="403">&lt;/mj-exception>
                        &lt;/template>
                    </code>
                </pre>
            </mj-tab-pane>
        </mj-tabs>

         <mj-tabs class="mb50">
            <mj-tab-pane label="HTML" name="html">
				<mj-exception type="404"></mj-exception>
            </mj-tab-pane>
            <mj-tab-pane label="CODE" name="code">
                <pre>
                    <code class="language-html line-numbers">
                        &lt;template>
                            &lt;mj-exception type="404">&lt;/mj-exception>
                        &lt;/template>
                    </code>
                </pre>
            </mj-tab-pane>
        </mj-tabs>

         <mj-tabs class="mb50">
            <mj-tab-pane label="HTML" name="html">
				<mj-exception type="500"></mj-exception>
            </mj-tab-pane>
            <mj-tab-pane label="CODE" name="code">
                <pre>
                    <code class="language-html line-numbers">
                        &lt;template>
                            &lt;mj-exception type="500">&lt;/mj-exception>
                        &lt;/template>
                    </code>
                </pre>
            </mj-tab-pane>
        </mj-tabs>

        <mj-title type="h5" title="API"></mj-title>
        <mj-title type="h6" title="Result 参数"></mj-title>
        <table class="api-table">

            <thead>
                <tr>
                    <th>属性</th>
                    <th>说明</th>
                    <th>类型</th>
                    <th>默认值</th>
                </tr>
            </thead>
            <tbody>
            	<tr>
            		<td>type</td>
            		<td>页面类型，可选值为 404、403、500</td>
            		<td>String</td>
            		<td>-</td>
            	</tr>
            	<tr>
            		<td>back-text</td>
            		<td>默认的返回按钮文本</td>
            		<td>String</td>
            		<td>返回首页</td>
            	</tr>
            	<tr>
            		<td>redirect</td>
            		<td>返回按钮的跳转地址</td>
            		<td>String</td>
            		<td>/</td>
            	</tr>
            </tbody>
        </table>
	</div>
</template>